<template>
  <tab-bar>
      <tab-bar-item path="/home" activeColor="#64b587">
        <span slot="item-icon" class="iconfont">&#xe60e;</span>
        <div slot="item-text">首页</div>
      </tab-bar-item>
      <tab-bar-item path="/category" activeColor="#64b587">
        <span slot="item-icon" class="iconfont">&#xe7f8;</span>
        <div slot="item-text">分类</div>
      </tab-bar-item>
      <tab-bar-item path="/cart" activeColor="#64b587">
        <span slot="item-icon" class="iconfont">&#x344b;</span>
        <div slot="item-text">购物车</div>
      </tab-bar-item>
      <tab-bar-item path="/profile" activeColor="#64b587">
        <span slot="item-icon" class="iconfont">&#xe61b;</span>
        <div slot="item-text">我的</div>
      </tab-bar-item>
    </tab-bar>
</template>

<script>


  import TabBar from '@/components/common/tabbar/TabBar'
  import TabBarItem from '@/components/common/tabbar/TabBarItem'
  export default {
    name: "MainTarBar",
    components: {
      TabBar,
      TabBarItem
    }

  }
</script>

<style scoped>

</style>
